<template>
  <div class="vue_app" style="position: absolute;width: 100%;height:100%;top:0;padding-top: 5.2rem;overflow: hidden" >
    <div style="width:100%;position: absolute;top:0;">
      <top-header :title="pageTitle" :hasTitle="true" :hasList="true" :hasCart="true" ></top-header>
      <tab-head :titleInfor="titleInfor">
      </tab-head>
    </div>
    <promotion-page :titleInfor="titleInfor" :number=" number" @loadNew ="loadNew"></promotion-page>
    <!--<PageFoot></PageFoot>-->
  </div>
</template>

<script>
  import TabHead from "@/real-components/TabHeadOrder"
  import TopHeader from '../header'
  import promotionPage from "./promotionPage.vue"
  import PageFoot from "@/real-components/PageFoot"
  import axios from "axios"
  import API from '@/api/cjy-api'
  import {mapGetters, mapMutations} from "vuex";
  var {goodsList, H5_HOST_URL, goodsListPage} = API()

  export default {
    data () {
      return {
        number: 5,
        titleInfor: [
          {
            goodsClassId: 0,
            goodsClassName: "品牌大促"
          },
          {
            goodsClassId: 1,
            goodsClassName: "值得买"
          },
          {
            goodsClassId: 2,
            goodsClassName: "超值进口"
          },
          {
            goodsClassId: 3,
            goodsClassName: "热评"
          }
        ], //tapHead中分类的种类
        className: 'goleft',
        pageTitle: '促销'
      }
    },
    components: {
      TabHead,
      promotionPage, //超值促销的页面结构
      PageFoot,
      TopHeader
    },
    methods: {
      loadNew (){
        this.number +=5 ;
      },


    },
    mounted () {
    }
  }
</script>

<style>

</style>
